﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>北京三蛋科技 - HR</title>
    <!-- BOOTSTRAP CORE STYLE  -->
    <link href="assets/css/bootstrap.css" th:href="@{/assets/css/bootstrap.css}" rel="stylesheet"/>
    <!-- FONT AWESOME ICONS  -->
    <link href="assets/css/font-awesome.css" th:href="@{/assets/css/font-awesome.css}" rel="stylesheet"/>
    <!-- CUSTOM STYLE  -->
    <link href="assets/css/style.css" th:href="@{/assets/css/style.css}" rel="stylesheet"/>
    <!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <strong>Email: </strong>hr@coinread.io
                &nbsp;&nbsp;
            </div>
        </div>
    </div>
</header>
<!-- HEADER END-->
<!-- LOGO HEADER END-->
<section class="menu-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="navbar-collapse collapse ">
                    <ul id="menu-top" class="nav navbar-nav navbar-right">
                        <li><a class="menu-top-active" href="/index">主页</a></li>

                    </ul>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- MENU SECTION END-->
<div class="content-wrapper">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-head-line">列表</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <!--    Context Classes  -->
                <div class="panel panel-default">

                    <div class="panel-heading">
                        用户列表
                    </div>

                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th th:each = "column: ${column}" th:text= "${column.value}"></th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each = "list,index: ${list}" class="success">
                                    <td th:text = "${index.index +1}"></td>
                                    <td th:each = "info :${list.info}" th:text ="${info.value}">
                                    <td>
                                        <button class="btn btn-success" th:onclick="'javascript:check('+${index.index+1}+')'">
                                            点击发送
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <hr>
                        <button type="button" class="btn btn-danger" onclick="clean()">清除列表</button>
                    </div>
                </div>
                <!--  end  Context Classes  -->
            </div>
        </div>

    </div>
</div>
<!-- CONTENT-WRAPPER SECTION END-->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                &copy; 2018 北京三蛋科技有限公司 | Design By Bootstrap
            </div>

        </div>
    </div>
</footer>
<!-- FOOTER SECTION END-->
<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
<!-- CORE JQUERY SCRIPTS -->
<script src="/assets/js/jquery-1.11.1.js" th:src="@{/assets/js/jquery-1.11.1.js}"></script>
<!-- BOOTSTRAP SCRIPTS  -->
<script src="/assets/js/bootstrap.js" th:src="@{/assets/js/bootstrap.js}"></script>
<script type="application/javascript">
    function check(id) {
        setTimeout(function () {
            window.location.href="/mail/check/"+id
        }, 0);
    }
    function clean() {
        setTimeout(function () {
            window.location.href="/excel/clear";
        },0)
    }
</script>
</body>
</html>
